<template>
  <div class="person-stat">
    <div class="item-l1">
      <div class="text-left">
        晚归告警
      </div>
      <div class="text-middle">
        {{ data.wggj }}
      </div>
      <div class="text-right">
        条
      </div>
    </div>
    <div class="item-r1">
      <div class="text-left">
        上网告警
      </div>
      <div class="text-middle">
        {{ data.swgj }}
      </div>
      <div class="text-right">
        条
      </div>
    </div>
    <div class="item-l2">
      <div class="text-left">
        天台告警
      </div>
      <div class="text-middle">
        {{ data.ttgj }}
      </div>
      <div class="text-right">
        条
      </div>
    </div>
    <div class="item-r2">
      <div class="text-left">
        失联告警
      </div>
      <div class="text-middle">
        {{ data.slgj }}
      </div>
      <div class="text-right">
        条
      </div>
    </div>
  </div>
</template>

<script setup>
// eslint-disable-next-line no-undef
defineProps({
  data: {
    type: Object,
    default: {}
  }
});
</script>

<style lang="less" scoped>
@import "./index.less";
</style>
